import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
import {jsTypeToCppType} from "react-native/ReactCommon/hermes/inspector/tools/msggen/src/Converters";
export const Styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#f7f7f7'
    },
    header:{
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        backgroundColor:'#ffffff',
        width:width,
        height:40,
    },
    header_item:{
        flexDirection:'row',
        justifyContent: 'center',
        alignItems: 'center',
        borderColor:'#cccccc',
        borderWidth:1,
        borderRadius:5,
        paddingTop:5,
        paddingBottom:5,
        paddingLeft:10,
        paddingRight:10,
    },
    lists:{
        marginTop:10,

    },
    item:{
        width:width - 32,
        flexDirection:'column',
        marginLeft:16,
        backgroundColor:'#ffffff',
        borderBottomColor:'#f7f7f7',
        borderBottomWidth:1,
    },
    item_detailed:{
        width:width - 32,
        height:40,
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
    },
    item_show:{
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        width:width - 132,
        height:30,
        backgroundColor:'#e9e9e9',
        color:'#d0162e'

    },
    dan:{
        borderColor:'#999999',
        borderWidth: 0.5,
        fontSize:12,
        color:"#999999",
        width:20,
        height:20,
        lineHeight:20,
        textAlign:'center'
    },
    dan_on:{
        borderColor:'#d0162e',
        borderWidth: 1,
        fontSize:12,
        color:"#d0162e",
        width:20,
        height:20,
        lineHeight:20,
        textAlign:'center'
    },
    dan_disabled:{
        borderColor:'#e5e5e5',
        borderWidth: 1,
        fontSize:12,
        color:"#e5e5e5",
        width:20,
        height:20,
        lineHeight:20,
        textAlign:'center'
    },
    tips_info:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        height:40,
    },
    opt:{
        width:width,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        backgroundColor:'#fff'
    },
    show_opt:{
        height:200,
    },
    hide_opt:{
        height:40,
        overflow:'hidden'
    },
    bet_type:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        width:width,
        height:40,
        borderBottomColor: '#f7f7f7',
        borderBottomWidth: 1,
    },
    beishu:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        width:width - 220,
        borderLeftColor:'#f7f7f7',
        borderLeftWidth:1,
        borderRightColor:'#f7f7f7',
        borderRightWidth:1,
    },
    beishu_input:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        borderWidth:1,
        borderColor:'#cacaca',
        borderRadius: 5,
        paddingLeft: 5,
        paddingRight: 5,
        marginLeft: 5,
        marginRight:5,
    },
    type_lists:{
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        width:width,
        borderBottomWidth:1,
        borderBottomColor:'#f7f7f7'
    },
    type_lists_item:{
        flexDirection:'column',
        justifyContent:'flex-start',
        alignItems:'center',
        width:width - 16,
        paddingLeft:16,
    },
    chuan_type_title:{
        width:width,
        height:30,
        flexDirection:'row',
        justifyContent:'flex-start',
        alignItems:'center'
    },
    chuan_type_lists:{
        flexDirection:'row',
        flexWrap:'wrap',
        justifyContent:'flex-start',
        alignItems:'center',
        width:width
    },
    chuan_type:{
        width:(width - 60)/4,
        borderWidth:1,
        paddingTop:5,
        paddingBottom: 5,
        paddingLeft:10,
        paddingRight:10,
        textAlign:'center',
        fontSize:12,
        color:'#333333',
        marginTop: 5,
        marginLeft:5,
        marginRight: 5,
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center'
    },
    chuan_type_on:{
        width:(width - 60)/4,
        backgroundColor:'#d0162e',
        paddingTop:5,
        paddingBottom: 5,
        paddingLeft:10,
        paddingRight:10,
        textAlign:'center',
        fontSize:12,
        color:'#ffffff',
        borderWidth:1,
        borderColor:'#d0162e',
        marginTop: 5,
        marginLeft:5,
        marginRight: 5,
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center'
    },
    yujijinge:{
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        width:width,
        height:40,
        borderTopWidth:1,
        borderTopColor:'#f7f7f7',
        borderBottomWidth:1,
        borderBottomColor:'#f7f7f7',
        backgroundColor:'#ffffff'
    },
    yujijinge_sum:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
    },
    yujijinge_tips:{
        fontSize:10,
        color:'#666666'
    },
    bottom:{
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        width:width,
        height:50,
        backgroundColor:'#ffffff'
    },
    tuzhu:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        backgroundColor:'#d0162e',
        height:50,
    },
    tuzhu_hui:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        backgroundColor:'#cccccc',
        height:50,
    },
    name_tips:{
        fontSize:12,color:'#999999',paddingLeft:5,paddingRight:5,
        overflow:'hidden',
        width:80,
        height:40,
        lineHeight:40,
    },
    more_model:{
        position:'absolute',
        top:0,
        width: width,
        height:height,
        backgroundColor:'rgba(0,0,0,0.5)',
        flexDirection: 'column',
        justifyContent:'center',
        alignItems:'center',
    },
    more_model_content:{
        width:width - 16,
        marginLeft:8,
        marginRight:8,
        marginBottom:16,
        backgroundColor:'#ffffff',
        flexDirection:'column',
        alignItems:'center',
        borderRadius:5,
    },
    more_model_header:{
        width:width - 16,
        height:50,
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        borderBottomWidth:0.5,
        borderBottomColor:'#e5e5e5',
    },
    lefttable:{
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        width:20,
        borderTopWidth:0.5,
        borderTopColor:'#e5e5e5',
        borderRightColor: "#e5e5e5",
        borderRightWidth: 0.5,
    },
    righttable:{
        flexWrap:'wrap',
        flexDirection:'row',
        justifyContent:'flex-start',
        alignItems:'center',
        width:width - 52,
        borderTopWidth:0.5,
        borderTopColor:'#e5e5e5',
        borderRightColor: "#e5e5e5",
        borderRightWidth: 0.5,
    },
    td0:{
        width:20,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#969696',
    },
    th1:{
        flexDirection:'row',
        alignItems:'center',
        width:width - 52,
        borderTopColor: '#e5e5e5',
        borderTopWidth: 0.5,
    },
    th1_dan:{
        flexDirection:'row',
        alignItems:'center',
        width:width - 55,
        borderTopColor: '#d0162e',
        borderTopWidth: 0.5,
        borderRightColor: '#d0162e',
        borderRightWidth: 0.5,
    },
    td1_dan:{
        width:(width - 55 ) / 3,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        color:'#969696',
        borderLeftColor:'#d0162e',
        borderLeftWidth:0.5,
        borderBottomColor:'#d0162e',
        borderBottomWidth:0.5,
    },
    td1:{
        width:(width - 55 ) / 3,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#666666',
        fontSize:12,
    },
    td1_on:{
        width:(width - 55 ) / 3,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        backgroundColor:'#d0162e',
        color:'#ffffff',
        fontSize:12,
    },
    td2:{
        width:(width - 55 ) / 5,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#666666',
    },
    td2_on:{
        width:(width - 55 ) / 5,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#ffffff',
        backgroundColor:'#d0162e',
    },
    td3:{
        width:(width - 55 ) / 4,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#666666',
    },
    td3_on:{
        width:(width - 55 ) / 4,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#ffffff',
        backgroundColor:'#d0162e',
    },
    btn_item:{
        borderColor:'#ffffff',
        borderWidth:1,
        width:(width-32)/2,
        height:40,
        justifyContent:'center',
        alignItems:'center'
    },
});
module.exports = Styles;
